iT邦幫忙

2021 iThome 鐵人賽

DAY 22
0
自我挑戰組

我要成為全端王!系列 第 22

全端入門Day22_後端程式撰寫之Node.js

  • 分享至 

  • xImage
  •  

介紹完前端就是要接著後端介紹阿! 今天挑Node.js

Node.js入門

  1. 首先先進入到官網點選左邊的長期維護版,當然你要下載右邊的最新版本我也沒有意見
    https://ithelp.ithome.com.tw/upload/images/20210906/20140126g8H2ifnRWD.jpg
  2. 之後就是安裝Node.js,基本的安裝我就不多說什麼了,可以自己上網找怎麼安裝。
    https://ithelp.ithome.com.tw/upload/images/20210906/20140126NpS6WsFdg0.jpg
  3. 安裝好,可以先到cmd打node -v查看版本是否有裝好(或是輸入node --version也可以)
    https://ithelp.ithome.com.tw/upload/images/20210906/20140126zXjxUFYgmU.jpg
    安裝好的話會出現版本號。
  4. 之後到你想要的資料夾裡,輸入npm install,記得cmd要切換到那個資料夾,不知道怎麼切換的可以網路上收尋下
    https://ithelp.ithome.com.tw/upload/images/20210906/201401260Euzhhyuvy.jpg
  5. 用VS Code在那個資料夾新增一個JavaScript檔案,並且輸入底下程式:
var http = require("http");
http.createServer(function (request, response) {
   response.writeHead(200, {'Content-Type': 'text/plain'});
   response.end('hello world\n');
}).listen(12345);
console.log('Server running at http://127.0.0.1:12345/')

listen那邊是放port號,不知道port號可以看我明天的解釋,今天先不解釋。
6. 存檔成home.js,之後使用剛剛的cmd打上node home.js
https://ithelp.ithome.com.tw/upload/images/20210906/20140126XOgnSjU4Dn.jpg
應該會出現底下那行,代表正常運作。
7. 打開你的瀏覽器,然後打上127.0.0.1:12345,就會看到以下結果
https://ithelp.ithome.com.tw/upload/images/20210906/20140126gsYmpD3v8P.jpg

今天先介紹到這,明天會說明今天的程式碼為什麼要這樣寫。


上一篇
全端入門Day21_前端程式撰寫之Vue.js
下一篇
全端入門Day23_後端程式撰寫之多一點的Node.js
系列文
我要成為全端王!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言